<template>
  <div>
    <customHeader middleTitle="消息详情" />
    <div class="block">
      <div class="headline">
        <h5>这是标题</h5>
        <p>2021-10-22</p>
      </div>
      <div class="section">
        <p>
          啊！美妙的中华文字， 它们不是僵硬的符号， 是一个个可爱的小精灵！
          它们能无穷无尽的变化： 或挺拔如峰， 或清亮如溪， 或浩瀚如海，
          或凝滑如脂。 它们犹如一群美丽的蝴蝶， 在纸上翩翩起舞；
          它们犹如一丛丛鲜艳的花朵， 愉悦你的眼睛。 啊！我爱你，美妙的中华文字！
          啊！美妙的中华文字， 它们不是僵硬的符号， 是一个个可爱的小精灵！
          它们能无穷无尽的变化： 或挺拔如峰， 或清亮如溪， 或浩瀚如海，
          或凝滑如脂。 它们犹如一群美丽的蝴蝶， 在纸上翩翩起舞；
          它们犹如一丛丛鲜艳的花朵， 愉悦你的眼睛。 啊！我爱你，美妙的中华文字！
          啊！美妙的中华文字， 它们不是僵硬的符号， 是一个个可爱的小精灵！
          它们能无穷无尽的变化： 或挺拔如峰， 或清亮如溪， 或浩瀚如海，
          或凝滑如脂。 它们犹如一群美丽的蝴蝶， 在纸上翩翩起舞；
          它们犹如一丛丛鲜艳的花朵， 愉悦你的眼睛。 啊！我爱你，美妙的中华文字！
          
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import customHeader from "../../components/header/header";
export default {
  name: "details",
  components: {
    customHeader,
  },
};
</script>

<style lang="scss" scoped>
@import "index";
</style>